<template>
  <div class="newsDetails">
    <Header :fixed="true">
      <van-icon name="arrow-left" slot="left" />
      <div slot="title">总结报告详情</div>
    </Header>
    <div class="newsDetails-box">
        <div class="tit">{{ data.title }}</div>
        <div class="content" v-html="data.content"></div>
        <p class="ppp">标题：{{ feedBack.title }}</p>
        <p class="ppp">附件：{{ feedBack.attachment }}</p>
        <p class="ppp">提交时间：{{ feedBack.submitTime }}</p>
    </div>
  </div>
</template>

<script>
import Header from '@/components/Header'
import { getReviewFeedDetail, insert, remove } from '@/api/home'
export default {
  name: 'zjbgdet',
  data () {
    return {
      data: {},
      feedBack: {}
    }
  },
  components: {
    Header
  },
  mounted () {
    
  },
  watch: {
    
  },
  mounted () {
    this.getData()
  },
  methods: {
    async getData () {
      let { data } = await getReviewFeedDetail({userId: this.$store.state.user.userId, id: this.$route.query.id})
      if (data.result == 'suc') {
        this.data = data.data.feed
        this.feedBack = data.data.feedBack
      }
    }
  }
}
</script>

<style lang="less">
@import '~@/assets/css/index.less';
.newsDetails {
  min-height: 100vh;
}
.newsDetails-box {
  padding-top: 70px;
  .tit {
    padding: 12px 0 16px 0;
    font-size: @big-size;
    font-weight: 600;
    text-align: center;
  }
  .content {
    font-size: @normal-size;
    padding: 0 16px;
    img {
      width: 100% !important;
      height: auto !important;
    }
  }
  .ppp {
    font-size: @normal-size;
    padding: 0 16px;
  }
}
</style>